﻿<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>@ViewBag.Title</title>
    <meta name="viewport" content="width=device-width" />
    <link href="~/favicon.ico" rel="shortcut icon" type="image/x-icon" />
    <link href="~/Content/site.css" rel="stylesheet" />
    <link href="~/Content/jquery.mobile-1.3.1.min.css" rel="stylesheet" />
    <link href="~/Content/themes-basic/basic.css" rel="stylesheet" />
    <script src="~/Scripts/jquery-1.10.0.min.js"></script>
    <script src="~/Scripts/jquery.mobile-1.3.1.min.js"></script>
    <script src="~/Scripts/_Layout.js"></script>
</head>
<body>
    <!--begin of header-->
    <div data-role="header">
        <a href="/navigation/index" data-role="button" data-icon="arrow-l" data-iconpos="left" data-inline="true" id="navButton">navigation</a>
        <h1>@ViewBag.Title </h1>

        <a href="#" data-role="button" data-icon="gear" data-iconpos="left" data-inline="true" id="LoginButton">Login</a>

    </div>
    <!--end of header-->
    <!--begin of body  -->
    <div data-role="content">
        @RenderBody()
    </div>
    <!--end of body  -->
  

</body>
</html>
